<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>XX商城</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/xxPublic.css"/>
		<link rel="stylesheet" type="text/css" href="css/xxMall.css"/>
	</head>
	<body>
		<header class="headerBox">
			<div>
				<i class="iconfont icon-search1"></i>
				<input type="text" name="" id="" value="" placeholder="" />
			</div>
			<a href="#">
				<!--<i class="iconfont icon-message"></i>-->
				<img src="images/indexMessage.png" height="24"/>
			</a>
		</header>
		<!--banner轮播-->
		<div class="slideBox" id="slideBox">
			<div class="bd">
				<ul id="slideList">
				</ul>
			</div>
			<div class="hd">
				<ul>
				</ul>
			</div>
		</div>
		<!--秒杀商品-->
		<div class="miaobox">
			<div class="miaokill">
				<div class="killTitle">
					<!--<i class="iconfont icon-aclock"></i>
					今日秒杀-->
					<img src="img/clock.png"/>今日秒杀
				</div>
				<div class="overTime">
					结束倒计时：<em></em>
				</div>
				<div class="killTitle miaoMore">
					<img src="img/more.png"/>
				</div>
			</div>
			<div class="swiper-container swiper-container1">
		        <div class="swiper-wrapper" id="secKillsList">
		            <!--秒杀商品列表-->
		        </div>
		    </div>
		</div>
		
		<!-- Swiper -->
		<div class="swiper-container swiper-container2">
		   <div class="swiper-wrapper" id="goodtypeList">
		      
		   </div>
		   <!-- Add Pagination -->
		   <div class="swiper-pagination"></div>
		</div>
  
		<div class="content">
			<p class="pTxt">
				<img src="images/indexTit-youhui.png" width="88"/>
			</p>
			<div class="conDiv" id="activityList">
				
			</div>
		</div>
		
		<div class="content">
			<p class="pTxt"><img src="images/indexTit-dapai.png" width="88"/></p>
			<div class="conDiv brandDiv" id="brandList">
				
			</div>
			
		</div>
		
		<div class="recommendBox">
			<p class="pTxt"><img src="images/indexTit-tuijian.png" width="88"/></p>
			<ul class="recommendList" id="recommendList">
				
			</ul>
		</div>
		<div class="" id="footerHeight"></div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/network.js"></script>
		<script src="js/TouchSlide.1.1.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/ltPublic.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
		
		<script src="js/configUrl.js"></script>
		<script src="js/common.js"></script>
		<script src="pageJs/index.js"></script>
		
		<script src="js/footer.js"></script>
		
		<!--轮播-->
		<script id="slidelistTmpl" type="text/x-jquery-tmpl">
			<li><a href="${linkUrl}"><img src="${imgUrl}" width="100%"/></a></li>
		</script>
		<!--秒杀商品-->
		<script id="secKillsTmpl" type="text/x-jquery-tmpl">
			<div class="swiper-slide" id="${goodId}">
				<a href="productDetail.html?goodsId=${id}">
					<img src="${imgUrl}"/>
					<div class="mt10">
						<span>&yen;${activityPrice}</span>
						<p>&yen;${price}</p>
					</div>
					
				</a>
			</div>
		</script>
		
		<!--商品类别-->
		<script id="goodtypeTmpl" type="text/x-jquery-tmpl">
			<div class="swiper-slide">
				<a href="goodsType.html?goodsTypeId=${id}">
				{{if imgUrl}}
				<img src="${imgUrl}" width="40" height="40"/>
				{{else}}
				<img src="images/indexMenu-market.png" width="40" height="40"/>
				{{/if}}
				<p>${name}</p>
				</a>
	        </div>
		</script>
		
		<!--活动商品-->
		<script id="activityTmpl" type="text/x-jquery-tmpl">
			<div>
				<a href="activity/secKill.html?id=${id}&typeName=${typeName}"><img src="${imgUrl}"/></a>
			</div>
		</script>
		
		<!--大牌品质-->
		<script id="brandTmpl" type="text/x-jquery-tmpl">
			<div>
				<a href="activity/secKill.html?id=${id}&typeName=${typeName}"><img src="${imgUrl}"/></a>
			</div>
		</script>
		
		<!--为你推荐-->
		<script id="recommendTmpl" type="text/x-jquery-tmpl">
			<li id="${goodId}">
				<a href="productDetail.html?goodsId=${goodId}">
					<img src="${imgUrl}"/>
					<span>${remarks}</span>
					<div class="price">
						<em>&yen;28.50</em>
						<button>立即购买</button>
					</div>
				</a>
			</li>
		</script>
		<script>
		   
		</script>
	</body>
</html>
